<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting a Fish Eye Selector</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
ul.whs3 { list-style:disc; }
table.whs4 { x-cell-content-align:top; width:100%; border-spacing:0px; }
col.whs5 { width:30.408%; }
col.whs6 { width:69.592%; }
tr.whs7 { x-cell-content-align:top; height:25px; }
td.whs8 { width:30.408%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs9 { width:69.592%; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
p.whs10 { font-size:9pt; font-weight:bold; }
tr.whs11 { x-cell-content-align:top; height:102px; }
td.whs12 { width:30.408%; padding-right:10px; padding-left:10px; border-left-style:Solid; border-left-color:#000000; border-left-width:1px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
td.whs13 { width:69.592%; padding-right:10px; padding-left:10px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
ol.whs14 { list-style:decimal; }
p.whs15 { font-size:9pt; margin-top:4.5pt; }
tr.whs16 { x-cell-content-align:top; height:117px; }
td.whs17 { width:30.408%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs18 { width:69.592%; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
tr.whs19 { x-cell-content-align:top; height:325px; }
p.whs20 { font-size:9pt; margin-top:6px; }
p.whs21 { margin-top:6px; margin-left:40px; }
p.whs22 { font-size:9pt; margin-left:40px; }
tr.whs23 { x-cell-content-align:top; height:108px; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Formatting a Fish Eye Selector </h1>
<p class="whs2">For background information on a Fish Eye selectors, 
 including examples, see 
<a href="Creating_a_Fish_Eye_Selector.htm">Creating 
 a Fish Eye Selector</a>.</p>
<p class="whs2">A Fish Eye Selector is displayed only in Flash 
 Mode. In other modes/views, how the selector displays is determined by 
 how it was created:</p>
<ul type="disc" class="whs3">
	
<li class=p><p>If the Fish Eye Selector was 
<a href="Defining_a_Fisheye_widget.htm">created 
 as a widget</a>, it can be hidden or displayed as either a Grid/Graph 
 or a placeholder. For directions and examples, see 
<a href="Widget_non_Flash.htm">Defining 
 how a widget is rendered in non-Flash modes</a>. </p></li>
	
<li class=p><p>If the Fish Eye Selector was 
<a href="Creating_a_Fisheye_widget_as_a_selector.htm">created 
 as a selector</a>, it is displayed using the DHTML style and formatting. 
 For information and instructions, see 
<a href="Defining_a_selector.htm">Defining 
 a selector</a> and 
<a href="Formatting_selectors.htm">Formatting selectors</a>.</p></li>
</ul>
<p class="whs2">The table below suggests formatting ideas and 
 provides steps to format the Fish Eye Selector widget.</p>
<p class="whs2">&nbsp;</p>
<table x-use-null-cells cellspacing="0" width="100%" class="whs4">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' width='100%' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col class="whs5">
<col class="whs6">


<tr valign="top" class="whs7">
<td colspan="1" rowspan="1" width="30.408%" class="whs8">
<p class="whs2"><span style="font-weight: bold;"><B>What to Format 
 in the Widget</B></span></td>
<td colspan="1" rowspan="1" width="69.592%" class="whs9">
<p class="whs10">How to Format it</td></tr>

<tr valign="top" class="whs11">
<td width="30.408%" class="whs12">
<p class="whs2">Display a list of data in the widget in text 
 or image form</td>
<td width="69.592%" class="whs13">
<ol type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs15">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">In 
 the <span style="font-weight: bold;"><B>General</B></span> section, select the 
 <span style="font-weight: bold;"><B>Mode</B></span> option.</p></li>
	<ul type="disc" class="whs3">
		
<li class=p><p class="whs2">This option allows you to 
 select whether you want to display the list of data appearing to the left 
 of the grid/graph in the widget as text or as images. </p></li>
	</ul>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs16">
<td width="30.408%" class="whs17">
<p class="whs2">Display the image URL</td>
<td width="69.592%" class="whs18">
<ol type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs15">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">In 
 the <span style="font-weight: bold;"><B>General</B></span> section, select the 
 <span style="font-weight: bold;"><B>Image URL</B></span> option. </p></li>
	<ul type="disc" class="whs3">
		
<li class=p><p>This option allows you to select an image as the 
 display mode, then you will have to type a website address in the Image 
 URL field. For instance, you could display your company logo as the image.</p></li>
	</ul>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs16">
<td width="30.408%" class="whs17">
<p class="whs2">Color of highlighted and selected items in the 
 selector</td>
<td width="69.592%" class="whs18">
<ol type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs15">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">Select 
 the <span style="font-weight: bold;"><B>Colors</B></span> tab. From the <span 
 style="font-weight: bold;"><B>Highlight color</B></span> drop-down list, specify 
 the color in which a highlighted item is displayed when you hover over 
 it. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">From 
 the <span style="font-weight: bold;"><B>Selected color</B></span> drop-down list, 
 specify the color in which a selected item is displayed.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs19">
<td colspan="1" rowspan="1" width="30.408%" class="whs17">
<p class="whs2">The scale of the items, or how large or small 
 the items in a selector can become</td>
<td colspan="1" rowspan="1" width="69.592%" class="whs18">
<ol type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs20">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Click 
 the <span style="font-weight: bold;"><B>Advanced</B></span> tab. </p></li>
</ol>
<p class="whs21"><span style="font-weight: bold;"><B>Note</B></span>: 
 The scale is automatically determined if you select the Auto check-box. 
 </p>
<ol start="3" type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Clear 
 the <span style="font-weight: bold;"><B>Auto</B></span> check box to ensure that 
 you can manually adjust the scaling. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Enter 
 a value in the <span style="font-weight: bold;"><B>Default scale </B></span>field 
 to specify the default size of the items in the selector. By default, 
 items are sized so that they can all be displayed. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Enter 
 a value in the <span style="font-weight: bold;"><B>Max scale</B></span> field 
 to specify the maximum size that an item in the selector can become when 
 you hover the cursor over it.</p></li>
</ol>
<p class="whs2">&nbsp;</p>
<p class="whs22"><span style="font-weight: bold;"><B>Tip</B></span>: 
 It is recommended that you use a Max scale of 0.65 for selectors that 
 contain around 20 items.</p>
<p class="whs2">&nbsp;</p>
<ol start="6" type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs2">Enter 
 a value in the <span style="font-weight: bold;"><B>Scale radius</B></span> field 
 to specify how many items on the left and right of the item increase in 
 size when you hover over an item in the selector. This number includes 
 the selected item. Enter a number in the <span style="font-weight: bold;"><B>Scale 
 slope</B></span> field to specify the difference in size between a selected 
 item and the items directly to the left and right of it.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs2">Enter 
 a value in the <span style="font-weight: bold;"><B>Animation speed</B></span> 
 field to determine the animation speed of the displayed data. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs23">
<td colspan="1" rowspan="1" width="30.408%" class="whs17">
<p class="whs2">Speed of the magnification effect for items 
 in the selector</td>
<td colspan="1" rowspan="1" width="69.592%" class="whs18">
<ol type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs20">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Click 
 the <span style="font-weight: bold;"><B>Advanced</B></span> tab. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Clear 
 the <span style="font-weight: bold;"><B>Auto</B></span> check box to ensure that 
 you can adjust the Animation Speed option. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Enter 
 a number in the <span style="font-weight: bold;"><B>Animation speed</B></span> 
 field.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs16">
<td width="30.408%" class="whs17">
<p class="whs2">Space between the items in the selector</td>
<td width="69.592%" class="whs18">
<ol type="1" class="whs14">
	
<li style=" font-size: 9pt; " class=p><p class="whs20">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span>, right-click the widget 
 and select <span style="font-weight: bold;"><B>Properties</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Click 
 the <span style="font-weight: bold;"><B>Advanced</B></span> tab.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Clear 
 the<span style="font-weight: bold;"><B> Auto</B></span> check box to ensure that 
 you can adjust the Spacing option. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs20">Enter 
 a number in the <span style="font-weight: bold;"><B>Spacing</B></span> field.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs15">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<p class="whs2">&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
